import React from 'react';

const Hero = ({ color = '#161F31', ...rest }: any) => (
  <svg width="332" height="359" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 190 190" {...rest}>
    <circle cx="95" cy="95" r="95" style={{ "fill": "#f99d1c" }} />
    <circle cx="95" cy="95" r="85" style={{ "fill": "#cd4b27" }} />
    <circle cx="95" cy="95" r="75" style={{ "fill": "#5c2e0e" }} />
    <path d="m71.32,125.88v-5.28l23.52-29.09v4.99l-22.56-31.58v-3.36h7.01l21.6,30.24-23.71,29.95-2.5-3.55h39.55l-5.28,4.8,3.65-17.28h5.76l-.77,20.16h-46.27Zm36-64.32l5.28,4.8h-37.05v-4.8h40.41l.77,17.09h-5.76l-3.65-17.09Z" style={{ "fill": "#f99d1c" }} />
  </svg>
);

export default Hero;
